<style>
    /*隐藏input*/
    label.bui-radios-label input[type="radio"]{
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }
    /*自定义radio*/
    label.bui-radios-label .bui-radios{
        display: inline-block;
        position: relative;
        width: 13px;
        height: 13px;
        background-color: #fff;
        border: 1px solid #979797;
        border-radius: 50%;
        vertical-align: -2px;
        margin-right: 5px;
    }
    /*单选框选中后，自定义radio的样式*/
    label.bui-radios-label input[type="radio"]:checked + .bui-radios:after{
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        background-color: #fff;
        border-radius: 50%;
        top: 2.6px;
        left: 2.6px;
    }
    label.bui-radios-label input[type="radio"]:checked + .bui-radios{
        background-color: #00B066;
        border:1px solid #00B066;
    }
    label.bui-radios-label input[type="radio"]:disabled + .bui-radios{
        background-color: #e8e8e8;
        border:1px solid #979797;
    }
    label.bui-radios-label input[type="radio"]:disabled:checked + .bui-radios:after{
        background-color: #c1c1c1;
    }
    /*自定义radio的过渡效果*/
    label.bui-radios-label.bui-radios-anim .bui-radios{
        -webkit-transition:background-color ease-out .5s;
        transition:background-color ease-out .5s;
    }
    .labelHead{
        white-space: normal;
        width: 100px;
    }
</style>
<div class="bui-page bui-box-vertical" id="articleEditLoading">
    <header>
        <div class="bui-bar" style="background-color: rgb(255,85,46)">
            <div class="bui-bar-left">
                <!-- 左边有图标示例 -->
                <div class="bui-btn btn-back" id="articleEditFh"><i class="icon-back"></i></div>
            </div>
            <div class="bui-bar-main" id="nameFbEdit"></div>
            <div class="bui-bar-right">
                <!-- 右边有图标示例 -->
            </div>
        </div>
    </header>
    <main>
        <div style="padding-bottom: 50px">
            <form id="J_Form" class="form-horizontal">
                <ul class="bui-list">
                    <li class="bui-btn bui-box clearactive">
                        <label class="bui-label" for="titleEdit">标题:</label>
                        <div class="span1">
                            <div class="bui-input" id="titleInputEdit">
                                <input id="titleEdit" type="text" class="bui-input" value="" placeholder="请输入标题">
                                <p id="titleTs" style="color: red"></p>
                            </div>
                        </div>
                    </li>

                    <li class="bui-btn bui-box-vertical clearactive">
                        <p class="bui-label"><span style="color: red">*</span>内容:</p>
                        <div id="editorEdit">
                            <!-- 编辑器容器 -->
                        </div>
                        <p id="contentTs" style="color: red"></p>
                    </li>

<!--                    <div id="commentEdit" class="bui-input" style="margin-top: 10px">-->
<!--                        <textarea placeholder="请输入内容" id="articleContentEdit" cols="30" rows="8"></textarea>-->

<!--                    </div>-->

                    <div style="background: white; margin-top: 10px; margin-bottom: 10px">
                        <ul class="bui-list">
                            <li class="bui-btn bui-box clearactive">
                                <div class="bui-label"><span style="color: red">*</span>所在地区</div>
                                <div class="span1">
                                    <div id="chooseCityEdit" class="bui-box">
                                        <div class="selected-vals"></div>
                                        <div class="selected-vals"></div>
                                        <div class="selected-vals"></div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div style="background: white; margin-top: 10px; margin-bottom: 10px">
                        <ul class="bui-list">
                            <li class="bui-btn bui-box clearactive">
                                <div class="bui-label"><span style="color: red">*</span>所属分类</div>
                                <div class="span1">
                                    <div id="chooseTypeEdit" class="bui-box">
                                        <div class="selected-vals2"></div>
                                        <div class="selected-vals2"></div>
                                        <div class="selected-vals2"></div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div style="background: white" class="glyqx">
                        <li class="bui-btn bui-box">
                            <label class="labelHead">首页置顶：</label>
                            <div class="span1">
                                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                                    <input type="radio" name="isFixEdit" value="1"><i class="bui-radios"></i>开启
                                </label>
                                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                                    <input type="radio" name="isFixEdit" value="0"><i class="bui-radios"></i>关闭
                                </label>
                            </div>
                        </li>
                        <li class="bui-btn bui-box" id="fixDateKEdit" style="display: none">
                            <label class="bui-label" for="datepicker_input_fix_edit">置顶结束日期：</label>
                            <div class="span1"><input type="text" id="datepicker_input_fix_edit" readonly class="bui-input"></div>
                        </li>
                    </div>
                    <div style="background: white" class="glyqx1">
                        <li class="bui-btn bui-box">
                            <label class="labelHead">分类页置顶：</label>
                            <div class="span1">
                                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                                    <input type="radio" name="isFix1Edit" value="1"><i class="bui-radios"></i>开启
                                </label>
                                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                                    <input type="radio" name="isFix1Edit" value="0"><i class="bui-radios"></i>关闭
                                </label>
                            </div>
                        </li>
                        <li class="bui-btn bui-box" id="fix1DateKEdit" style="display: none">
                            <label class="bui-label" for="datepicker_input_fix1_edit">置顶结束日期：</label>
                            <div class="span1"><input type="text" id="datepicker_input_fix1_edit" readonly class="bui-input"></div>
                        </li>
                    </div>
                    <div style="background: white" class="glyqx2">
                        <li class="bui-btn bui-box">
                            <label class="labelHead">自动刷新：</label>
                            <div class="span1">
                                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                                    <input type="radio" name="refreshEdit" value="1"><i class="bui-radios"></i>开启
                                </label>
                                <label class="bui-radios-label bui-radios-anim" style="display: inline">
                                    <input type="radio" name="refreshEdit" value="0"><i class="bui-radios"></i>关闭
                                </label>
                            </div>
                        </li>
                        <li class="bui-btn bui-box refreshK" style="display: none">
                            <label class="bui-label" for="refreshcountEdit" style="width: 2.2rem">剩余刷新次数：</label>
                            <div class="span1">
                                <div class="bui-input" id="refreshcountInputEdit">
                                    <input id="refreshcountEdit" type="text" class="bui-input" value="" placeholder="请输入剩余次数">
                                    <p id="refreshcountTsEdit" style="color: red"></p>
                                </div>
                            </div>
                        </li>
                        <li class="bui-btn bui-box refreshK" style="display: none">
                            <label class="bui-label" for="datepicker_input_refreshtime_edit">刷新时间（默认9：00）：</label>
                            <div class="span1"><input type="text" id="datepicker_input_refreshtime_edit" readonly class="bui-input"></div>
                        </li>
                    </div>

                    <!--          <li class="bui-btn bui-box clearactive">-->
                    <!--            <label class="bui-label" for="title">联系人:</label>-->
                    <!--            <div class="span1">-->
                    <!--              <div class="bui-input user-input">-->
                    <!--                <input id="title" type="text" class="bui-input" value="" placeholder="请输入标题40字以内">-->
                    <!--                <p id="titleTs" style="color: red"></p>-->
                    <!--              </div>-->
                    <!--            </div>-->
                    <!--          </li>-->
                    <div style="background: white; margin-top: 10px">
                        <li class="bui-btn bui-box clearactive">
                            <label class="bui-label" for="telEdit">手机号:</label>
                            <div class="span1">
                                <div class="bui-input" id="telInputEdit">
                                    <input id="telEdit" type="text" class="bui-input" value="" placeholder="请输入手机号">
                                    <p id="telTsEdit" style="color: red"></p>
                                </div>
                            </div>
                        </li>
                        <li class="bui-btn bui-box clearactive">
                            <label class="bui-label" for="emailEdit">邮箱:</label>
                            <div class="span1">
                                <div class="bui-input" id="emailInputEdit">
                                    <input id="emailEdit" type="text" class="bui-input" value="" placeholder="请输入邮箱">
                                    <p id="emailTsEdit" style="color: red"></p>
                                </div>
                            </div>
                        </li>
                        <li class="bui-btn bui-box clearactive">
                            <label class="bui-label" for="wxEdit">微信号:</label>
                            <div class="span1">
                                <div class="bui-input user-input">
                                    <input id="wxEdit" type="text" class="bui-input" value="" placeholder="请输入微信号">
                                    <p id="wxTsEdit" style="color: red"></p>
                                </div>
                            </div>
                        </li>
                    </div>
                </ul>
            </form>
            <div style="width: 100%; text-align: center; margin-top: 10px">
                <img src="images/58logo.png">
            </div>

            <div style="background: rgb(251,144,49);border-radius: 30px;text-align: center;color: white;font-size: 0.3rem;width: 90%; height: 0.8rem;line-height: 0.8rem;margin: 0 auto" id="fbArticleEdit">保存</div>
        </div>
        <!-- 中间自定义弹出框结构	 -->
        <div id="alterLinkDialog" class="bui-dialog" style="display: none;">
            <div class="bui-dialog-head">添加链接</div>
            <div class="bui-dialog-main">
                <ul class="bui-list">
                    <li class="bui-btn bui-box clearactive">
                        <label class="bui-label" for="link">链接:</label>
                        <div class="span1">
                            <div id="linkInput" class="bui-input">
                                <input id="link" type="text" placeholder="请输入链接（http(s)://开头）">
                                <p id="linkTs" style="color: red;font-size: 10px"></p>
                            </div>
                        </div>
                    </li>
                    <li class="bui-btn bui-box clearactive">
                        <label class="bui-label" for="linkTitle">标题:</label>
                        <div class="span1">
                            <div id="linkTitleInput" class="bui-input">
                                <input id="linkTitle" type="text" placeholder="请输入标题（选填）">
                            </div>
                        </div>
                    </li>
                    <li></li>
                </ul>
            </div>
            <div class="bui-dialog-foot">
                <div class="bui-box">
                    <div class="span1">
                        <div class="bui-btn">取消</div>
                    </div>
                    <div class="span1">
                        <div class="bui-btn blue">确定</div>
                    </div>
                </div>
            </div>
            <div class="bui-dialog-close"><i class="icon-close"></i></div>
        </div>
    </main>
    <footer>
        <!-- 底部内容 -->
    </footer>
</div>
                                                                     
